@import '../base/_color.scss';

.search-wrap {
  width: 100%;
  padding: 0.2rem 1.1rem 0.2rem 0.6rem;
  background-color: $top-color;
  position: fixed;
  #search-input {
    width: 100%;
    height: 0.5rem;
    font-size: 0.28rem;
    border: none;
    padding: 0 0.1rem;
  }
  .go,
  .back {
    display: block;
    height: 0.5rem;
    font-size: 0.30rem;
    color: #FFF;
  }
  .go {
    width: 0.8rem;
    line-height: 0.4rem;
    margin-right: -1.1rem;
    font-size: 0.32rem;
  }
  .back {
    width: 0.6rem;
    padding: 0.04rem 0.18rem;
    background: url('./assets/img/arrow.png') no-repeat;
    background-origin: content-box;
    background-size:0.24rem 0.42rem;
    margin-left: -0.6rem;
  }
}

.search-hot {
  padding: 0.2rem;
  margin-top: 1rem;
  h3 {
    font-size: 0.32rem;
    line-height: 1.8;
  }
  .list-hot {
    background-color: $hot-list-color;
    padding: 0.1rem;
    border-radius: 0.1rem;
  }
  a {
    margin: 0.1rem 0.08rem;
    display: inline-block;
    padding: 0.1rem 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid $border-color;
    color: $hot-word-color;
  }
}

.search-result {
  padding: 0.2rem;
  margin-top: 1rem;
  background-color: $bgc-color;
  h3 {
    font-size: 0.32rem;
    line-height: 1.8;
  }
  p {
    line-height: 1.5;
  }
}
